<extend name="Public/base_mobile"/>
<block name="head_css">
	<link rel="stylesheet" href="__SALEM_V3__/css/brand.pkg.css">
</block>
<block name="header">
</block>
<block name="content">
    <div class="g-bd">
        <div class="category" v-bind:style="{'height': win_height}">
            <ul>
                <li v-for="(index, category) in brand_list_all" v-on:click="setCategory(index)">
                    <a v-bind:class="{'active': category_id_active == index}" v-text="category.shop_category_name"></a>
                </li>
            </ul>
        </div>
        <div class="brand-list" v-bind:style="{'height': win_height, 'overflow': 'scroll'}">
            <p class="u-nodata" v-if="0 >= brand_list_active.length">暂无数据</p>
            <ul v-else>
                <li v-for="(index, brand) in brand_list_active">
                    <a v-bind:href="brand.shop_link"><img v-bind:data-echo="brand.logo_id"></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- /主体 -->
    <!-- 回到顶部 -->
    <a id="scrollUp">TOP</a>
    <!-- 回到顶部 -->
    <script>
    var data = {
    		'brand_list': {$shop_list}
    };
    </script>
    <script src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/01/2016/01/20-16-10/569f40de8d513.js"></script>
    <script src="__SALEM_V3__/js/brand.pkg.js"></script>
</block>
